<template>
  <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" >


    <el-container>
      <el-container>
        <el-main >
          <div style="text-align: center">
            <div style="background-color: white;margin: auto auto auto 10%;width: 168px; float: left;">
              <h3 style="line-height: 61px ;height: 61px;text-align:left;margin-left:30px;font-size: 15px">招募中心</h3>
              <li style="line-height: 41px;height: 41px;border-top: 1px solid #F5F5F5;font-size: 15px"><a style="text-decoration: none;color: red">讲师招募</a></li>
            </div>
            <div style="width: 1000px;background-color: white;float: left;margin-left: 80px">
              <p>&nbsp;</p>
              <p style="text-align: center; font-weight: bold">讲师招募</p>
              <p>&nbsp;</p>
              <p>本网站是专注于在线教育内容提供的平台,致力于为用户提供优质的在线教育内容。为适应平台的发展和给用户提供更多高质量的内容，我们期待有理想、有追求的您能加入我们一起通过互联网无边界的方式进行传播服务到更多努力求知的用户! </p>
              <p>讲师权益 </p>
              <p>        1、能力变现：技术能力的兑现且收益可持续 </p>
              <p>        2、精湛加密：保护你的知识版权 </p>
              <p>      3、品牌塑造：帮你打造在线教育领域个人品牌 </p>
              <p></p>
              <p>申请条件 </p>
              <p>        1、教育行业内2年以上从业经验，自身有丰富的教学知识体系及经验 </p>
              <p>        2、拥有过讲师、培训讲师经历 </p>
              <p>        3、喜欢在行业内分享心得（写博客，逛论坛等）</p>
              <p>        4、参与过知名教育行业峰会讲师 </p>
              <el-button type="danger" @click="apply">申请成为讲师</el-button>
            </div>
          </div>
        </el-main>
      </el-container>
    </el-container>
  </el-menu>

</template>



<script>
  export default {

    data(){
      return{

      }
    },
    methods: {
      apply() {
        this.$router.push({
          path:'/Sqjs'
        })
      }
    }

  }
</script>

<style scoped>
  .el-footer {
    background-color: #F5F5F5;
    color: #333;
    text-align: center;
    line-height: 60px;
  }

  .el-aside {
    background-color: #F5F5F5;
    color: #333;
    text-align: center;
    line-height: 200px;
  }

  .el-main {
    background-color: #F5F5F5;
    color: #333;
    width: auto;
    text-align: center;
    line-height: 160px;
  }
  .all{
    background-color: white;
  }
  p{
    margin: auto 5% auto;
    font-size: 15px;
    line-height: 30px;
    text-indent: 2em;
    text-align: left
  }

  .lianxi{
    color: white;
    background-color: #333333;
    height: 251.5px;
  }
  .xi{
  }
  .lianxi a{
    color: #9999A5;
    text-decoration: none;
    line-height: 40px;
    font-size: 13px;
  }
  .banquan{
    height: 30px;
    background-color: #666666;
    font-size: 13px ;
    text-align: center;
    color:#CCCCCC;
    margin: auto;

  }
  .beian{
    height: 30px;
    font-size: 13px ;
    text-align: center;
    background-color: #333333;
    color:#CCCCCC;
    margin: auto;
  }
  a{
    color: #CCCCCC;
    text-decoration: none;
  }
  li{
    font-size: 20px;
  }
  ul{
    list-style: none;
    margin: 50px auto 50px auto;
  }
</style>
